<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Exemplos</title>
</head>
<body>
	<p id="navegacao">
    	Navega&ccedil;&atilde;o: <a href="#exemplos" onclick="carregaConteudo('exemplos.html');">Exemplos</a> > Colunas Transparentes
    </p>
    
    <h1>Exemplos</h1>
    
    <!-- Exemplo Colunas Transparentes -->
    <div class="exemplos">
    	<h3>Colunas Transparentes</h3>
    	<p>Abaixo segue um exemplo de como fazer colunas transparentes, ou seja, mesmo com uma imagem de fundo é possível criar colunas que permitam visualizar a figura no fundo e ao mesmo destacar um determinado texto, objeto, etc.
    	Assim como no exemplo anterior, mostramos o efeito separado para cada navegador e a união dessas propriedades torna o Crossbrowser.</p>
    	<div id="imgback" >
	    	<div class="colunas" id="colunaIE"><p>Internet Explorer</p></div>
	    	<div class="colunas" id="colunaFX"><p>Firefox</p></div>
	    	<div class="colunas" id="colunaWK"><p>Webkit</p></div>
	    	<div class="colunas" id="colunaCB"><p>Crossbrowser</p></div>
		</div>
    </div>
    
    <br />
    <div class="exemplos">Outros Exemplos: 
        <a href="#degrade" onclick="carregaConteudo('exemplos/degrade.html');">Degradê (gradiente)</a> | 
        <a href="#bordas" onclick="carregaConteudo('exemplos/bordasArredondadas.html');">Bordas Arredondadas</a>
    </div>

</body>
</html>